<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Unimed Goiânia</ui:define>
			<ui:define name="pageHeader">Unimed Goiânia</ui:define>
			<ui:define name="body">
			<h:form id="form">
				<p:panel id="panel1" header="Cadastro de Clientes">
				
				<h:panelGrid columns="3" cellpadding="3" id="grid">
					<h:outputLabel value="Nome"/>
					<p:inputMask id="campo-nome" value="#{clienteBean.clienteSelecionado.nome}" required="true" />
	 				<p:message for="campo-nome" display="icon" ></p:message>
	 				              
					<h:outputLabel value="CPF:" />
					<p:inputMask id="campo-cpf" value="#{clienteBean.clienteSelecionado.cpf}" mask="999.999.999-99" required="true" />
					<p:message for="campo-cpf" display="icon"></p:message>
					
					<h:outputLabel value="E-mail:" required="true" />
					<p:inputMask id="campo-email" value="#{clienteBean.clienteSelecionado.email}" required="true" />
					<p:message for="campo-email" display="icon"></p:message>
					
					<h:outputLabel value="Endereço:" />
					<p:inputMask id="campo-endereco" value="#{clienteBean.clienteSelecionado.endereco}" required="true" />
					<p:message for="campo-endereco" display="icon"></p:message>
					
					<h:outputLabel value="Renda:" />
					<p:inputMask id="campo-renda" value="#{clienteBean.clienteSelecionado.renda}" required="true" />
					<p:message for="campo-renda" display="icon"></p:message>
					
						
				</h:panelGrid>
				
					<p:commandButton value="Salvar" actionListener="#{clienteBean.salvar}" update="form" />
					<p:commandButton value="Limpar" type="reset" />	
				
				<p:dialog widgetVar="dialog" modal="true" >
				<h:panelGrid id="display" columns="2">
				<h:outputText value="Nome:" />
				<h:outputText value="#{clienteBean.clienteSelecionado.nome}" />
				
				<h:outputText value="E-mail:" />
				<h:outputText value="#{clienteBean.clienteSelecionado.email}" />
				
				<h:outputText value="Endereço:" />
				<h:outputText value="#{clienteBean.clienteSelecionado.endereco}" />
				
				<h:outputText value="Renda:" />
				<h:outputText value="#{clienteBean.clienteSelecionado.renda}" />
				
				</h:panelGrid>
				</p:dialog>
			
				</p:panel>				
				
		</h:form>
		
		<h:form id="lista">
		
			<h:dataTable value="#{clienteBean.lista}" var="cliente">
			
				<f:facet name="header">Listagem de Clientes</f:facet>
			
				<h:column>
				<f:facet name="header">Nome</f:facet>
					#{cliente.nome}
				</h:column>
			
				<h:column>
					<f:facet name="header">CPF</f:facet>
					#{cliente.cpf}
				</h:column>
				
				<h:column>
					<f:facet name="header">Cadastro</f:facet>
					
					#{cliente.dataCadastro}
				</h:column>
				
				<h:column>
					<f:facet name="header">E-mail</f:facet>
					#{cliente.email}
				</h:column>
				
				<h:column>
					<f:facet name="header">Endereço</f:facet>
					#{cliente.endereco}
				</h:column>
				
				<h:column>
					<f:facet name="header">Renda</f:facet>
					#{cliente.renda}
				</h:column>
			
			</h:dataTable>
		
		</h:form>
		
	</ui:define>
</ui:composition>

</html>